<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	<link rel="stylesheet" href="./index.css" />
</head>

<body>
	<!-- 
需求
1、显示自己的姓名
2、点击名字后，有弹出框架
3、点击名字后，名字有样式的变化
    -->


	<!-- 伟龙 -->
	<div class="wl">伟龙</div>
	<!-- 格云 -->
	<h1>莫格云</h1>
	<h1>Candy</h1>
	<!-- 苏彩 -->
	<h1 id="su">苏彩</h1>
	<!-- 荣棒 -->
	<h1 id="Ronber">Ronber</h1>
	<script src="./index.js"></script>
	<!-- 醒醒 -->
	<h1 id="Ronber">xingxing</h1>
	<!-- 阙娟 -->
	<h1 id="q1">阙娟</h1>
	<script src="./index.js"></script>
</body>

</html>